<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        html,
        body,
        .box .content {
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: pink;
        }

        .box {
            width: 300px;
            height: 300px;
            box-sizing: border-box;
            padding: 15px;
            position: relative;
            overflow: hidden;
        }

        .box::before {
            content: '';
            position: absolute;
            width: 150%;
            height: 150%;
            background: repeating-linear-gradient(white 0%,
                    white 7.5px,
                    hotpink 7.5px,
                    hotpink 15px,
                    white 15px,
                    white 22.5px,
                    hotpink 22.5px,
                    hotpink 30px);
            transform: translateX(-20%) translateY(-20%) rotate(-45deg);
            animation: animate 20s linear infinite;
        }

        .box .content {
            position: relative;
            background-color: white;
            flex-direction: column;
            box-sizing: border-box;
            padding: 30px;
            text-align: center;
            font-family: sans-serif;
            z-index: 2;
        }

        .box,
        .box .content {
            box-shadow: 0 0 2px deeppink,
                0 0 5px rgba(0, 0, 0, 1),
                inset 0 0 5px rgba(0, 0, 0, 1);
            border-radius: 10px;
        }

        .box .content h2 {
            color: deeppink;
        }

        .box .content p {
            color: dimgray;
        }

        @keyframes animate {
            from {
                background-position: 0;
            }

            to {
                background-position: 0 450px;
            }
        }
    </style>
</head>

<body>
    <div class="box">
        <div class="content">
            <h2>What is Lorem Ipsum?</h2>
            <p>Mauris volutpat risus quis nisi tempus hendrerit. Nullam nisi urna, suscipit quis risus sed, congue
                congue quam. Morbi sit amet suscipit ex. Vivamus vel nulla ac libero volutpat ultrices.</p>
        </div>
    </div>
</body>

</html>